<template>
	<div class="header-where">
		<div class="watch-til">
		<label >周末去哪儿</label>
		</div>
	<ul>
		<li class="watch-list" v-for="(item,index) in WhereList">
			<img :src="item.hotURL" />
			<aside class="item-til">
				<p class="qy">{{item.hottil}}</p>
				
				<i class="pl">
					{{item.pl}}
				</i>
			</aside>
			<p class="addres">{{item.dname}}</p>
		</li>
	</ul>
	</div>
</template>

<script>
	export default {
			props:['WhereList'],
		data() {
			return {
				
			}
		}
	}
</script>

<style scoped>
	/* 周末在哪 */
	
	.watch-til{
		color: #212121;
		font-size: 0.6rem;
		line-height: 1rem;
		float: left;
		
	}
	.qy{
		
		font-size: 0.45rem;
		float: left;
		margin-top: 0.3rem;
		margin-bottom: 0.1rem;
		margin-left: 0.2rem;
		
	}
.pl{
	font-size: 0.33rem;
	float: left;
	margin-left: 0.2rem;
	margin-bottom: 0.5rem;
}
.item-til{
	background-color: white;
	overflow: hidden;
}
.watch-list img{
	width: 100%;
	height: 100%;
	margin-bottom: -10px;
}
</style>
